<template>
  <div class="sidebar">
    <el-menu
      :default-active="onRoutes"
      class="el-menu-vertical-demo"
      theme="dark"
      unique-opened
      router
    >
      <!-- <template v-for="item in items">
              <template v-if="item.subs">
                  <el-submenu :index="item.index">
                      <template slot="title">
                          <i :class="item.icon"></i>{{ item.title }}</template>
                      <el-menu-item v-for="(subItem,i) in item.subs" :key="i" :index="subItem.index">{{ subItem.title }}
                      </el-menu-item>
                  </el-submenu>
              </template>
              <template v-else>
                  <el-menu-item :index="item.index">
                      <i :class="item.icon"></i>{{ item.title }}
                  </el-menu-item>
              </template>
          </template> -->

      <el-submenu
        v-for="(item,index) in items"
        :key="index"
        :index="item.index"
      >
        <template slot="title">
          <i :class="item.icon"></i>
          {{ item.title }}
        </template>
        <el-menu-item
          v-for="(subItem,i) in item.subs"
          v-if="!subItem.subs"
          :key="i"
          :index="subItem.index"
        >
          {{ subItem.title }}
        </el-menu-item>
        <el-submenu
          v-for="(subItem,i) in item.subs"
          v-if="subItem.subs"
          :key="i"
          :index="subItem.index"
        >
          <template slot="title">{{ subItem.title }}</template>
          <el-menu-item
            v-for="(subItem,i) in subItem.subs"
            :key="i"
            :index="subItem.index"
          >
            {{ subItem.title }}
          </el-menu-item>
        </el-submenu>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
import { getStore } from './../../utils/local.js'
const items = [
  {
    icon: 'el-icon-menu',
    index: '1',
    title: '用户管理',
    subs: [
      {
        index: 'frontUser',
        title: '前端用户管理'
      },
      {
        index: 'backendUser',
        title: '后台用户管理',
        subs: [
          {
            index: 'users',
            title: '用户列表'
          },
          {
            index: 'roles',
            title: '角色列表'
          },
          {
            index: 'privilege',
            title: '权限列表'
          }
        ]
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '2',
    title: '广告管理',
    subs: [
      {
        index: 'ad',
        title: '图片广告列表'
      },
      {
        index: 'themeAd',
        title: '专题广告管理'
      },
      {
        index: 'themeAdType',
        title: '专题广告分类'
      },
      {
        index: 'themeAdChildType',
        title: '专题广告子分类'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '3',
    title: '专家管理',
    subs: [
      {
        index: 'expert',
        title: '专家列表'
      },
      {
        index: 'domain',
        title: '领域管理'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '4',
    title: '通知公告管理',
    subs: [
      {
        index: 'notification',
        title: '通知公告列表'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '5',
    title: '课题管理',
    subs: [
      {
        index: 'courseList',
        title: '课题列表',
      }, {
        index: 'courseCategory',
        title: '课题分类'
      }
    ]
  },
  {
    icon: 'el-icon-download',
    index: '6',
    title: '文件下载管理',
    subs: [
      {
        index: 'downloadList',
        title: '下载文件列表'
      }
    ]
  },
  {
    icon: 'el-icon-menu',
    index: '7',
    title: '合作单位管理',
    subs: [
      {
        index: 'paterner',
        title: '合作单位列表'
      }, {
        index: 'paternerType',
        title: '栏目类型管理'
      }
    ]
  },
  {
    icon: 'el-icon-menu',
    index: '8',
    title: '音视频管理',
    subs: [
      {
        index: 'videoList',
        title: '音视频列表'
      }
    ]
  },
  {
    icon: 'el-icon-menu',
    index: '9',
    title: '要闻动态管理',
    subs: [
      {
        index: 'articlelist',
        title: '要闻动态列表'
      },
      {
        index: 'articleType',
        title: '分类管理'
      }
    ]
  },
  {
    icon: 'el-icon-bell',
    index: '10',
    title: '热点资讯管理',
    subs: [
      {
        index: 'hotNews',
        title: '热点资讯列表'
      },
      {
        index: 'hotNewsType',
        title: '分类管理'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '11',
    title: '会议论坛管理',
    subs: [
      {
        index: 'forumList',
        title: '会议论坛列表'
      },
      {
        index: 'forumType',
        title: '分类管理'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '12',
    title: '决策调研管理',
    subs: [
      {
        index: 'decisionList',
        title: '决策调研列表'
      },
      {
        index: 'decisionType',
        title: '分类管理'
      },
      {
        index: 'decisionComment',
        title: '评论管理'
      },
      {
        index: 'decisionQA',
        title: '问卷管理'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '13',
    title: '学者观点管理',
    subs: [
      {
        index: 'pointList',
        title: '学者观点列表'
      },
      {
        index: 'pointType',
        title: '分类管理'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '14',
    title: '专业智库管理',
    subs: [
      {
        index: 'thinkTankList',
        title: '专业智库列表'
      },
      {
        index: 'thinkTankType',
        title: '分类管理'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '15',
    title: '智库联盟管理',
    subs: [
      {
        index: 'alliance',
        title: '智库联盟列表'
      },
      {
        index: 'activity',
        title: '联盟活动'
      },
      {
        index: 'organization',
        title: '联盟信息管理'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '16',
    title: '智库名录管理',
    subs: [
      {
        index: 'orgJg',
        title: '智库单位机构管理'
      },
      {
        index: 'orgLeader',
        title: '智库领导管理'
      },
      {
        index: 'orgDynamic',
        title: '机构动态'
      },
      {
        index: 'orgProjectType',
        title: '机构研究项目类型'
      },
      {
        index: 'orgProject',
        title: '机构研究项目列表'
      },
      {
        index: 'orgPublishType',
        title: '出版物类型'
      },
      {
        index: 'orgPublish',
        title: '出版物列表'
      },
      {
        index: 'orgResultType',
        title: '研究成果类型'
      },
      {
        index: 'orgResult',
        title: '研究成果列表'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '17',
    title: '社会调查服务管理',
    subs: [
      {
        index: 'questionnaire',
        title: '问卷列表'
      },
      {
        index: 'questionnaireSubType',
        title: '题目类型'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '18',
    title: '决策专刊管理',
    subs: [
      {
        index: 'special',
        title: '决策专刊列表'
      },
      {
        index: 'specialParentType',
        title: '决策专刊总类型'
      },
      {
        index: 'specialType',
        title: '决策专刊类型'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '19',
    title: '智库成果管理',
    subs: [
      {
        index: 'ttResult',
        title: '智库成果列表'
      },
      {
        index: 'ttResultType',
        title: '分类管理'
      }
    ]
  },
  // {
  //     icon: 'el-icon-date',
  //     index: '20',
  //     title: '智库名录管理',
  //     subs: [
  //         {
  //             index: 'list',
  //             title: '智库名录列表'
  //         },
  //         {
  //             index: 'category',
  //             title: '智库机构信息管理'
  //         }
  //     ]
  // },
  {
    icon: 'el-icon-date',
    index: '21',
    title: '通讯录',
    subs: [
      {
        index: 'addressBook',
        title: '通讯录列表'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '22',
    title: '智库评价',
    subs: [
      {
        index: 'orgEvaType',
        title: '类型列表'
      },
      {
        index: 'orgEvaList',
        title: '评价列表'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '23',
    title: '个人栏目',
    subs: [
      {
        index: 'userCenter',
        title: '我的发布'
      }
    ]
  },
  {
    icon: 'el-icon-date',
    index: '24',
    title: '学习资料',
    subs: [
      {
        index: 'learn',
        title: '学习资料'
      }
    ]
  }

]
export default {
  data() {
    return {
      items: []
    }
  },
  created() {
    setTimeout(() => {
      const privilegeList = JSON.parse(getStore('privilegeList'))
      const data = []
      privilegeList && privilegeList.forEach(privilegeItem => {
        items.some(item => {
          if (privilegeItem.p_name === item.title) {
            data.push(item)
            return true
          }
        })
      })
      this.items = data
    }, 1000);
  },
  computed: {
    onRoutes() {
      return this.$route.path.replace('/', '');
    }
  }
}
</script>

<style scoped>
.sidebar {
  display: block;
  position: absolute;
  width: 250px;
  left: 0;
  top: 70px;
  bottom: 0;
  overflow-y: auto;
}
.sidebar > ul {
  height: 100%;
}
</style>
